<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
        <meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    
    <!-- Apple IOS原生浏览器 -->
    <!-- 添加到主屏后设置状态栏的背景颜色； -->
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <!-- 忽略数字自动识别为电话号码； -->
        <meta name="format-detection" content="telephone=no" />
    <!-- 忽略数字自动识别为邮箱 -->
        <meta name="format-detection" content="email=no">
    <!-- 启动WebApp全屏模式； -->
        <meta name="apple-mobile-web-app-capable" content="yes" />
    
    <!-- 百度 -->
    <!-- 通过百度手机打开网页时，百度可能会对你的网页进行转码，脱下你的衣服，往你的身上贴狗皮膏药的广告，为此可在 head 内添加 -->
        <meta http-equiv="Cache-Control" content="no-siteapp" />
    
    <!-- QQ -->
    <!-- 设置锁定横屏、竖屏显示模式，portrait（横屏），landscape（竖屏）-->
        <meta name="x5-orientation" content="landscape">
    <!-- 设置全屏显示页面 -->
        <meta name="x5-fullscreen" content="true">
    
    <title></title>
	<link rel="stylesheet" href="./css/index.css">
</head>
<body>

	
	<div class="container">
	  <div class="div1">
		  <!-- 头部 -->
	    <div class="header" id="dakai">
	    		  <div>
	    			  <img src="./img/hua.jpg" alt="">
	    		  </div>
	    		  <div>
	    		  		<img src="./img/love.png" alt="">
	    		  </div>
	    		  <div>
	    		  		<img src="./img/yue.jpg" alt="">
	    		  </div>
	    </div>
		<!-- 头部 -->
		
		<!-- 时钟 -->
		  <div class="clock">
			  
				<p class="fontts" id="daysDiff"></p>
				<p class="fonttsbottom" id="daysDiffzw"></p>
			  
		        <div class="hour">
		            <div class="hr" id="hr"></div>
		        </div>
		        <div class="min">
		            <div class="mn" id="mn"></div>
		        </div>
		        <div class="sec">
		            <div class="sc" id="sc"></div>
		        </div>
				
				<p class="yue">悦</p>
				<p class="hua">华</p>
				<p class="aini">爱你</p>
		    </div>
			<!-- 时钟 -->
			
			<img class="lovebutton1" src="./img/love.png" alt="">
			<img class="lovebutton2" src="./img/love.png" alt="">
			<img class="lovebutton3" src="./img/love.png" alt="">
			<img class="lovebutton4" src="./img/love.png" alt="">
			<img class="lovebutton5" src="./img/love.png" alt="">
			<img class="lovebutton6" src="./img/love.png" alt="">
			<img class="lovebutton7" src="./img/love.png" alt="">
			<img class="lovebutton8" src="./img/love.png" alt="">
			<img class="lovebutton9" src="./img/love.png" alt="">
			<img class="lovebutton10" src="./img/love.png" alt="">
			<img class="lovebutton11" src="./img/love.png" alt="">
			<img class="lovebutton12" src="./img/love.png" alt="">
			<img class="lovebutton13" src="./img/love.png" alt="">

	  </div>
	</div>
	
		<img class="andyou" src="./img/background.jpg" alt="" id="guanbi">
	
	
	<script src="./js/index.js"></script>
</body>
</html>
